<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <!-- 基础元数据 -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- 网页描述信息 -->
    <title>HTML元数据标签示例</title>
    <meta name="description" content="这是一个展示HTML元数据标签用法的示例页面">
    <meta name="keywords" content="HTML, meta标签, 元数据, SEO, 网页开发">
    <meta name="author" content="张三">
    
    <!-- 搜索引擎相关 -->
    <meta name="robots" content="index, follow">
    <meta name="googlebot" content="index, follow">
    
    <!-- 社交媒体元数据 -->
    <meta property="og:title" content="HTML元数据标签示例">
    <meta property="og:description" content="展示HTML元数据标签的用法">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://example.com/meta-example">
    <meta property="og:image" content="https://example.com/images/meta-example.jpg">
    
    <!-- 移动端相关 -->
    <meta name="theme-color" content="#4285f4">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="Meta示例">
    
    <!-- 其他 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="refresh" content="30">
    <meta name="generator" content="Visual Studio Code">
</head>
<body>
    <h1>HTML元数据标签示例</h1>
    <p>这个页面展示了各种HTML元数据标签的用法。</p>
    <p>查看页面源代码可以看到<head>部分的所有meta标签。</p>
</body>
</html>